<div class="row">
    <div class="col-md-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>
                    轮播图库
                    <small class="text-danger">&nbsp; &nbsp;最多只能上传5张&nbsp; &nbsp;&nbsp; 格式：jpeg,jpg,gif,png </small>
                </h5>
            </div>
            <div class="ibox-content">
                <div class="row">
                    <div class="col-md-12">
                        <div id="uploader" class="wu-example" data-token="{$DATA.token}">
                            {if count($DATA['images'])==0}

                            <div class="queueList">
                                <div id="dndArea" class="placeholder">
                                    <div id="filePicker"></div>
                                    <p>或将照片拖到这里，最多可放置5张</p>
                                </div>
                            </div>
                            <div class="statusBar" style="display:none;">
                                <div class="progress">
                                    <span class="text">0%</span>
                                    <span class="percentage"></span>
                                </div>
                                <div class="info"></div>
                                <div class="btns">
                                    <div id="filePicker2"></div>
                                    <div class="uploadBtn">开始上传</div>
                                </div>
                            </div>
                            {else /}
                            <div class="queueList filled">
                                <div id="dndArea" class="placeholder element-invisible">
                                    <div id="filePicker" class="webuploader-container">
                                        <div class="webuploader-pick">选择图片</div>
                                        <div id="rt_rt_1bor00o61emckhv1p111jboub91"
                                             style="position: absolute; top: 0px; left: 76.5474px; width: 133px; height: 44px; overflow: hidden; bottom: auto; right: auto;">
                                            <input type="file" name="file" class="webuploader-element-invisible"
                                                   multiple="multiple"
                                                   accept="image/gif,image/jpg,image/jpeg,image/png"><label
                                                style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label>
                                        </div>
                                    </div>
                                    <p>或将照片拖到这里，最多可放置5张</p>
                                </div>
                                <ul class="filelist">
                                    {foreach $DATA['images'] as $value}

                                    <li class="beforeImg">
                                        <span class="fa-stack" data-key="{$value.url}"
                                              style="position: absolute; z-index: 145; border-radius: 100%; top: 0;right: 0;">
                                          <i class="fa fa-circle fa-stack-2x" style="color: #fff;"></i>
                                          <i class="fa fa-close fa-stack-1x" style="color: #333;"></i>
                                        </span>
                                        <p class="imgWrap">
                                            <img src="{$value.url}">
                                        </p>
                                        <p class="progress"></p>
                                        <span class="success"></span>
                                        <div class="file-panel" style="height: 0px;"><span class="cancel">删除</span><span
                                                class="rotateRight">向右旋转</span></div>
                                    </li>

                                    {/foreach}
                                </ul>
                            </div>
                            <div class="statusBar" style="">
                                <div class="progress" style="display: none;">
                                    <span class="text">0%</span>
                                    <span class="percentage" style="width: 0%;"></span>
                                </div>
                                <div class="info"></div>
                                <div class="btns">
                                    <div id="filePicker2" class="webuploader-container">
                                        {if count($DATA['images']) < 5}
                                        <div class="webuploader-pick">继续添加</div>
                                        {/if}
                                        <div id="rt_rt_1bor00o64sn1lmb1bf82js1dip6"
                                             style="position: absolute; top: 0px; left: 10px; width: 96px; height: 42px; overflow: hidden; bottom: auto; right: auto;">
                                            <input type="file" name="file" class="webuploader-element-invisible"
                                                   multiple="multiple"
                                                   accept="image/gif,image/jpg,image/jpeg,image/png"><label
                                                style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label>
                                        </div>
                                    </div>
                                    <div class="uploadBtn state-ready">开始上传</div>
                                </div>
                            </div>

                            {/if}
                        </div>

                    </div>
                </div>
            </div>
            <!--<div class="ibox-footer">-->
            <!--<div class="row">-->
            <!--<div class="col-md-9">-->
            <!--<h3 class="text-info"></h3>-->
            <!--</div>-->
            <!--<div class="col-md-3">-->
            <!--<button id="ctlBtn" class="btn btn-block btn-xs btn-info dim disabled">保 存</button>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
        </div>
    </div>
</div>

